﻿*{

	padding: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

body
{
    font-family: verdana;
    background-color: #F8F8F8;
    padding: 50px;
    border:  2px solid #006699;
    width:auto;
    height: auto;
}

h1
{

    text-align: center;
    border-bottom: 2px solid #009;
    margin-bottom: 50px;

}

#content_area
{
    float:   left;
    width:   1220px;
    margin:  20px 0 20px 0 ;
    padding: 10px;
    border:  3px solid #006699;
    background-color: #E0E0E0;
}

#footer
{
    clear:      both;
    width:      auto;
    height:     355px;
    padding: 10px;
    background-color: #B8B8B8;
    background-image: url(C:\Users\User\Desktop\k.jpg);
    border:    3px solid #006699;
    
}

.verticalLine {
    border-left: thick solid #ff0000;
    width: 1px;
    height: 100%;
    float: left;
}

ul#navigation , ul , li 
{

    list-style-type: none ; 
    font-size: 11pt;
    background-color: #B8B8B8; 

}

#navigation
{
     width:     auto;
     margin:    0 auto;    
     padding-top:30px;
     padding-bottom:45px;
     padding-left:239px;
     border:    3px solid #006699;
     background-color: #B8B8B8;  
     margin-top:10px;   
     text-align:center; 
}

#nav ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    Width: auto;
    display: none;
    
}

#nav li
{
    font-size: medium;
    float: left;
    position : relative;
    Width: 200px;
    height: 31px;
    top: 1px;
    left: -38px;
}

#nav li ul li
{
   
   background-repeat: no-repeat;
   background-size:cover;
   border: 3px solid #e3e3e3;
   padding-left: 10px;

}

#nav a:link, #nav a:active , #nav a:visited
{
    display: block;
    color: #fff;
    text-decoration: none ;
}

#nav a:hover
{    
    color: #006699;
    text-decoration: none ;
    
}
 
.auto-style5 
{
    width: 93%;
    height: 285px;
}

.auto-style6 
{
   width: 584px;
   text-align: left;
   font-size: small;
}

.auto-style9 
{
   color: #003399;
}

.auto-style11 
{
   width: 70px;
}

.auto-style12 
{
    text-align: left;
    font-size: small;
}

.auto-style13 
{
   width: 50%;
}

.auto-style14 
{
   font-size: x-large;
}

.auto-style15 
{
   color: #003399;
   text-align: center;
   font-size: 8pt;
}

.auto-style16 
{
    color: #000099;
}
      
.Image
{
    width:700px;
    height:300px
}

.Text
{
   color:black ;
   text-align:center;
}
      
.Image2
{
    width:200px;
    height:150px;
}

.table
{
    color:black ; 
    text-align:center;
}

.table2
{
   font-size:13px;
}

.tb
{
   color:black ; 
   text-align:center;
}

.tb1
{
  font-size:13px;
}

.par
{
   color:black ; 
   text-align:center;
}

.tb2
{
   border-Color:#003399;
   Height:25px ;
   Width:45px;
}

.par2
{
  color:black; 
  text-align:left; 
  font-size: xx-small;
}
       
.Image3
{
    Height:270px;
}

.Image4
{
}

.submit
{

    z-index: 1;
    left: 1137px; 
    top: 498px; 
    position: absolute; 
    width: 98px; 
    height: 27px;
}  


.auto-style17 
{
    width: 109px;
}

.auto-style18 
{
    width: 128px;
}

.auto-style19 
{
    width: 107px;
}

.auto-style20 
{
    width: 128px;
    height: 20px;
}

.auto-style21 
{
    width: 107px;
    height: 20px;
}

.auto-style22 
{
    width: 109px;
    height: 20px;
}

.auto-style23 
{
    height: 20px;
}

.mylist
{
    float:   right;
    width:   300px;
    margin:  20px 0 20px 0 ;
    padding: 25px;
    border:  3px solid #006699;
    background-color: #E0E0E0;    
    height: 400px ;
    
}


ul#navmenu, ul.sub1, ul.sub2 
{

    list-style-type: none ; 
    font-size: 9pt;
}

ul#navmenu li 
{

    width: 121px;
    text-align: center;
    position: relative;
    float: left;
    margin-right: 4px;

}

ul#navmenu a 
{

    text-decoration: none ; 
    display: block;
    width: 125px;
    height: 25px;
    line-height: 25px;
    background-color: #FFF;
    border: 3px solid #006699;
    border-radius: 5px;

}

ul#navmenu .sub1 a
{
    margin-top: 5px;
}

ul#navmenu .sub1 li
{

}

ul#navmenu .sub2 a
{

    margin-left: 10px;

}

ul#navmenu li:hover > a 
{   

    background-color: #E0E0E0;

}

ul#navmenu li:hover a:hover
{

    background-color: lightblue;

}

ul#navmenu ul.sub1 
{

    display: none;
    position: absolute;
    top: 26px;
    left:0px;

}

ul#navmenu ul.sub2
{

    display: none;
    position: absolute;
    top:0px;
    left: 126px;

}

ul#navmenu li:hover .sub1
{

    display: block;

}

ul#navmenu .sub1 li:hover .sub2
{

    display: block;

}

.darrow
{

    font-size: 10pt;
    position: absolute;
    top: 7px;
    right: 4px;

}

.auto-style1 
{
    width: 92%;
}

.auto-style2 
{
    height: 23px;
}

 .auto-style24 
{
    color: #CC0000;
    width: 473px;
    height: 81px;
}

.auto-style25 
{
     width: 473px;
}

.auto-style27 
{
    font-size: large;
    font-family: Calibri; 
    color: black; 
    font-style: italic; 
    font-size: 23px;
}

.auto-style29 
{
     width: 193px;
     height: 81px;
}

.auto-style30 
{
     width: 473px;
     height: 43px;
}

.auto-style31 
{
     width: 193px;
     height: 43px;
}

.auto-style32 
{
     width: 193px;
}

.special
{
    font-family: 'French Script MT';
    font-size: 50px; 
    font-weight: bolder; 
    font-style: italic; 
    left: 20px;
}

.waiter
{
    position: relative; 
    top: 5px; 
    left: 59px; 
    height: 309px; 
    width: 379px;
}

.bl
{
    Width:87px;
    Height:76px;
}

.mang
{
    Width:91px;
    Height:73px;

}

.b
{
    font-family:Arial;
}